<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>User List</title>


<!-- IMPORT CSS       -->
<link rel="stylesheet" type="text/css" href="default.css" />
<!-- <link rel="stylesheet" type="text/css" href="fs.css" /> -->


<style type="text/css">
/* YOU CAN ADD EVERY CSS STYLES HERE !!!! 
            * I WILL WRAP ALL THIS UP TO ONE CSS FILE LATER
            */
#tipsContainer {
	float: left;
	width: 100%;
}

#tipsContainer #tipsList .tipContainer .image {
	float: left;
	text-align: right;
}

#userPage #tipsContainer #tipsList .tipContainer .image {
	width: 32px;
}

#tipsContainer #tipsList .tipContainer .content .actions {
	color: rgb(153, 153, 153);
}

#tipsContainer #tipsList .tipContainer .content .actions a {
	color: rgb(153, 153, 153);
	font-size: 11px;
}

#userPage #tipsContainer #tipsList .tipContainer {
	border-bottom-color: currentColor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-top-color: rgb(240, 241, 242);
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
}

#tipsList .tipContainer {
	border-bottom-color: rgb(240, 241, 242);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 10px;
	position: relative;
}

#tipsList .tipContainer .content {
	float: left;
	margin-left: 20px;
}

#tipsList .tipContainer .image {
	float: left;
	text-align: right;
	width: 64px;
}

#tipsList .tipContainer .image img {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	height: 32px;
	width: 32px;
}

#tipsList .tipContainer .content {
	float: left;
	margin-left: 20px;
	/*width: 516px;*/
}
</style>
</head>
<body>

	<div id="wrapper">
		<div id="header">
			<%@include file="header.html"%>
		</div>
		<div id="container">
			<div class="content min-width min-height">
				<div id="tipsContainer">
					<div class="blockHeader translate" id="tipsHeader">
						<h3>Users</h3>
					</div>
					<div id="tipsList">

						

						<div class="tipContainer">
							<div class="image">
								<img src="images/hoejin.jpg" class="venue" />
							</div>
							<div class="content">
								<div class="tipPhoto"></div>
								<h3>
									<a href="user.jsp">HoeJin Kwen</a> <span
										class="tipVenueAddress">StonyBrook, NY</span>
								</h3>
								<span class="tipText">Ryan is so handsome.</span>
							</div>
						</div>
						
						<div class="tipContainer">
							<div class="image">
								<img src="images/dongjoo.jpg" class="venue" />
							</div>
							<div class="content">
								<div class="tipPhoto"></div>
								<h3>
									<a href="/v/mcdonalds/4b3e27faf964a520f39825e3">DongJoo Ko</a>
									<span class="tipVenueAddress">Stony Brook, NY</span>
								</h3>
								<span class="tipText">I am so handsome too.</span>
								<!-- 								<div class="actions"> -->
								<!-- 									<a href="/item/4dee4e5c2271e7b44632a66c">Jun 7</a> <span -->
								<!-- 										class="pipe">|</span> -->
								<!-- 								</div> -->
							</div>
						</div>
						
					</div>
				</div>
			</div>

		</div>
		<!--                    <div id="side_menu" style = "position:absolute; width:191px; height: 185px; left: 1px; top: 103px; background-color: #C1E8DD"><br/>
                        <li><strong><a href="ProfilePage.htm">My Profile</a></strong></li>
                        <br />
                        <li><strong><a href="CirclePage.htm">Cricles</a></strong></li>
                        <br />
                        <li><strong><a href="MessagePage.htm">Messages</a></strong></li>
                    </div>
                    <div style = "position:absolute; width:454px; height: 482px; left: 193px; top: 104px; background-color: #FFF"></div>
                    <div style = "position:absolute; width:193px; height: 308px; left: 0px; top: 288px; background-color: #FFF">
                        <iframe src="AdvertisementPage.htm" frameborder="0" width="193px" height="340px"></iframe>
                    </div>-->
	</div>
	<div id="footer">
		<%@include file="footer.html"%>
	</div>
	<!-- wrapper ends -->
</body>
</html>